<script>window.pathPrefix="../";</script><script>window.pathPrefix="../";</script><!DOCTYPE html>
<html lang="en" style="padding-bottom:0px" class="local"></html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link href="../images/favicon.png" rel="shortcut icon" type="image/png">
  <title>DJI Mobile SDK Documentation
  </title><link rel="stylesheet" href="../stylesheets/doc-vendor.css"><link rel="stylesheet" href="../stylesheets/doc-app.css">
</head>
<body>
  <nav id="site-header" class="site-header navbar">
    <div class="container">
      <div class="navbar-header"><a href="/" class="logo"><img src="../images/dji-logo@2x.png">IOS UX SDK API REFERENCE</a></div>
    </div>
  </nav>
  <div id="documentation-page" class="documentation-page">
    <div class="container">
      <div class="site-sidebar">
        <div class="searcher">
          <div id="panel" class="panel panel_tree">
            <div class="header">
              <div class="search-con">
                <label id="search-label" for="search">
                </label>
                <input id="search" type="text" placeholder="Search" autosave="searchdoc" results="10" autocomplete="off">
                <div class="search-icon"></div><a class="clean-search glyphicon glyphicon-remove-circle"></a>
              </div>
            </div>
            <div class="tree">
              <ul></ul>
            </div>
            <div class="result">
              <ul></ul>
            </div>
          </div>
        </div>
        <div class="nav scrollable js-tree-menu">
          <dl>
            <dt>Default Layout
            </dt>
                  <dd><a href="DUXAccessLockerWidget.html">DUXAccessLockerWidget</a>
                  </dd>
                  <dd><a href="DUXDefaultLayoutView.html">DUXDefaultLayoutView</a>
                  </dd>
                  <dd><a data-href="DUXDefaultLayoutViewController.html" class="sub-toggle">DUXDefaultLayoutViewController<i class="fa fa-angle-down"></i><i class="fa fa-angle-up"></i></a>
                    <ul class="sub-menu">
                            <dd><a href="DUXDefaultLayoutViewController_VersatileControllers.html">DUXDefaultLayoutViewController</a>
                            </dd>
                    </ul>
                  </dd>
                  <dd><a href="DUXContentView.html">DUXContentView</a>
                  </dd>
                  <dd><a href="DUXFPVView.html">DUXFPVView</a>
                  </dd>
                  <dd><a href="DUXMapViewController.html">DUXMapViewController</a>
                  </dd>
                  <dd><a href="DUXContentViewController.html">DUXContentViewController</a>
                  </dd>
                  <dd><a data-href="DUXFPVViewController.html" class="sub-toggle">DUXFPVViewController<i class="fa fa-angle-down"></i><i class="fa fa-angle-up"></i></a>
                    <ul class="sub-menu">
                            <dd><a href="DUXFPVInteractionController.html">DUXFPVInteractionController</a>
                            </dd>
                    </ul>
                  </dd>
                  <dd><a href="DUXSpeakerSettingsViewController.html">DUXSpeakerSettingsViewController</a>
                  </dd>
                  <dd><a href="DUXSpotlightSettingsViewController.html">DUXSpotlightSettingsViewController</a>
                  </dd>
          </dl>
          <dl>
            <dt>Widgets
            </dt>
                  <dd><a href="DUXBeaconWidget.html">DUXBeaconWidget</a>
                  </dd>
                  <dd><a href="DUXSpeakerWidget.html">DUXSpeakerWidget</a>
                  </dd>
                  <dd><a href="DUXSpotlightWidget.html">DUXSpotlightWidget</a>
                  </dd>
          </dl>
          <dl>
            <dt>Widget
            </dt>
                  <dd><a href="AutoExposureLockWidget.html">DUXAutoExposureSwitchWidget</a>
                  </dd>
                  <dd><a href="PreFlightStatusWidget.html">DUXPreFlightStatusWidget</a>
                  </dd>
                  <dd><a href="DUXConnectionWidget.html">DUXConnectionWidget</a>
                  </dd>
                  <dd><a href="DUXFlightModeWidget.html">DUXFlightModeWidget</a>
                  </dd>
                  <dd><a href="DUXBatteryWidget.html">DUXBatteryWidget</a>
                  </dd>
                  <dd><a href="RemoteControllerSignalWidget.html">DUXRemoteControlSignalWidget</a>
                  </dd>
                  <dd><a href="GPSSignalWidget.html">DUXGPSSignalWidget</a>
                  </dd>
                  <dd><a href="VideoSignalWidget.html">DUXVideoSignalWidget</a>
                  </dd>
                  <dd><a href="VisionWidget.html">DUXVisionWidget</a>
                  </dd>
                  <dd><a href="DUXDashboardWidget.html">DUXDashboardWidget</a>
                  </dd>
                  <dd><a href="DUXCompassWidget.html">DUXCompassWidget</a>
                  </dd>
                  <dd><a href="DistanceFromHomeWidget.html">DUXDistanceHomeWidget</a>
                  </dd>
                  <dd><a href="HorizontalVelocityWidget.html">DUXHorizontalVelocityWidget</a>
                  </dd>
                  <dd><a href="DistanceFromRCWidget.html">DUXDistanceRCWidget</a>
                  </dd>
                  <dd><a href="VerticalVelocityWidget.html">DUXVerticalVelocityWidget</a>
                  </dd>
                  <dd><a href="AltitudeWidget.html">DUXAltitudeWidget</a>
                  </dd>
                  <dd><a href="PictureVideoSwitchWidget.html">DUXPictureVideoSwitchWidget</a>
                  </dd>
                  <dd><a href="CameraCaptureWidget.html">DUXCaptureWidget</a>
                  </dd>
                  <dd><a href="ExposureSettingsMenu.html">DUXExposureSettingsMenu</a>
                  </dd>
                  <dd><a href="RemainingFlightTimeWidget.html">DUXRemainingFlightTimeWidget</a>
                  </dd>
                  <dd><a href="DULColorWaveformWidget.html">DUXColorWaveformWidget</a>
                  </dd>
                  <dd><a href="TakeOffLandWidget.html">DUXTakeOffWidget</a>
                  </dd>
                  <dd><a href="ReturnHomeWidget.html">DUXReturnHomeWidget</a>
                  </dd>
                  <dd><a href="CameraConfigShutterWidget.html">DUXCameraConfigShutterWidget</a>
                  </dd>
                  <dd><a href="CameraConfigApertureWidget.html">DUXCameraConfigApertureWidget</a>
                  </dd>
                  <dd><a href="CameraConfigISOWidget.html">DUXCameraConfigExposureSensitivityWidget</a>
                  </dd>
                  <dd><a href="CameraConfigWBWidget.html">DUXCameraConfigWBWidget</a>
                  </dd>
                  <dd><a href="CameraConfigStorageWidget.html">DUXCameraConfigStorageWidget</a>
                  </dd>
                  <dd><a href="CameraConfigSSDWidget.html">DUXCameraConfigSSDWidget</a>
                  </dd>
                  <dd><a href="CameraEVConfigWidget.html">DUXCameraConfigEVWidget</a>
                  </dd>
                  <dd><a href="DUXCameraPictureConfigWidget.html">DUXCameraPictureConfigWidget</a>
                  </dd>
                  <dd><a href="DUXCameraCapacityConfigWidget.html">DUXCameraCapacityConfigWidget</a>
                  </dd>
                  <dd><a href="DUXCameraConfigWidget.html">DUXCameraConfigWidget</a>
                  </dd>
                  <dd><a href="DUXRecordVideoWidget.html">DUXRecordVideoWidget</a>
                  </dd>
                  <dd><a href="DUXMenuWidget.html">DUXCameraSettingsMenu</a>
                  </dd>
                  <dd><a href="DUXCameraConfigInfoWidget.html">DUXCameraConfigInfoWidget</a>
                  </dd>
                  <dd><a href="DUXDJILogoWidget.html">DUXDJILogoWidget</a>
                  </dd>
                  <dd><a href="DUXRecordVideoTimeWidget.html">DUXRecordVideoTimeWidget</a>
                  </dd>
                  <dd><a href="DUXExposureFocusSwitchWidget.html">DUXExposureFocusSwitchWidget</a>
                  </dd>
                  <dd><a data-href="DUXWidget.html" class="sub-toggle">DUXWidget<i class="fa fa-angle-down"></i><i class="fa fa-angle-up"></i></a>
                    <ul class="sub-menu">
                            <dd><a href="DUXFocusModeWidget.html">DUXFocusModeWidget</a>
                            </dd>
                            <dd><a href="DUXFocusTargetWidget.html">DUXFocusTargetWidget</a>
                            </dd>
                            <dd><a href="DUXManualFocusAdjustmentWidget.html">DUXManualFocusAdjustmentWidget</a>
                            </dd>
                    </ul>
                  </dd>
                  <dd><a href="DUXTakePictureWidget.html">DUXTakePictureWidget</a>
                  </dd>
                  <dd><a href="DUXMapWidget.html">DUXMapWidget</a>
                  </dd>
                  <dd><a href="DUXWiFiSignalWidget.html">DUXWifiSignalWidget</a>
                  </dd>
                  <dd><a href="DUXRadarWidget.html">DUXRadarWidget</a>
                  </dd>
                  <dd><a href="DUXHistogramWidget.html">DUXHistogramWidget</a>
                  </dd>
          </dl>
          <dl>
            <dt>Panel
            </dt>
                  <dd><a href="CameraSettingAdvancedPanel.html">DUXCameraSettingsController</a>
                  </dd>
                  <dd><a href="CameraSettingExposurePanel.html">DUXExposureSettingsController</a>
                  </dd>
                  <dd><a href="RTKStatusPanel.html">DUXRTKStatusViewController</a>
                  </dd>
                  <dd><a data-href="PreFlightCheckListPanel.html" class="sub-toggle">DUXPreflightChecklistController<i class="fa fa-angle-down"></i><i class="fa fa-angle-up"></i></a>
                    <ul class="sub-menu">
                            <dd><a data-href="DUXPreflightChecklistManager.html" class="sub-toggle">DUXPreflightChecklistManager<i class="fa fa-angle-down"></i><i class="fa fa-angle-up"></i></a>
                              <ul class="sub-menu">
                                      <dd><a href="DUXPreflightChecklistItem.html">DUXPreflightChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXOverallChecklistItem.html">DUXOverallChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXAircraftConnectionChecklistItem.html">DUXAircraftConnectionChecklistitem</a>
                                      </dd>
                                      <dd><a href="DUXAircraftLocationChecklistItem.html">DUXAircraftLocationChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXFlightModeChecklistItem.html">DUXFlightModeChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXCompassChecklistItem.html">DUXCompassChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXIMUChecklistItem.html">DUXIMUChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXESCChecklistItem.html">DUXESCChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXVisionChecklistItem.html">DUXVisionChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXRemoteControllerChecklistItem.html">DUXRemoteControllerChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXRemoteControllerBatteryChecklistItem.html">DUXRemoteControllerBatteryChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXRadioQualityChecklistItem.html">DUXRadioQualityChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXAircraftBatteryChecklistItem.html">DUXAircraftBatteryChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXAircraftBatteryTemperatureChecklistItem.html">DUXAircraftBatteryTemperatureChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXGimbalChecklistItem.html">DUXGimbalChecklistItem</a>
                                      </dd>
                                      <dd><a href="DUXStorageCapacityChecklistItem.html">DUXStorageCapacityChecklistItem</a>
                                      </dd>
                              </ul>
                            </dd>
                    </ul>
                  </dd>
          </dl>
          <dl>
            <dt>Model
            </dt>
                  <dd><a href="DUXSDKModel.html">DUXSDKModel</a>
                  </dd>
          </dl>
          <dl>
            <dt>Widget Collections
            </dt>
                  <dd><a href="DUXStatusBarView.html">DUXStatusBarView</a>
                  </dd>
                  <dd><a href="DUXStatusBarViewController.html">DUXStatusBarViewController</a>
                  </dd>
                  <dd><a href="DUXDockView.html">DUXDockView</a>
                  </dd>
                  <dd><a href="DUXDockViewController.html">DUXDockViewController</a>
                  </dd>
                  <dd><a href="DUXSideBarView.html">DUXSideBarView</a>
                  </dd>
                  <dd><a href="DUXSideBarViewController.html">DUXSideBarViewController</a>
                  </dd>
                  <dd><a href="DUXLeadingBarViewController.html">DUXLeadingBarViewController</a>
                  </dd>
                  <dd><a href="DUXTrailingBarViewController.html">DUXTrailingBarViewController</a>
                  </dd>
                  <dd><a href="DUXWidgetCollectionView.html">DUXWidgetCollectionView</a>
                  </dd>
                  <dd><a href="DUXWidgetCollectionViewStacks.html">DUXWidgetCollectionViewStacks</a>
                  </dd>
                  <dd><a href="DUXWidgetCollectionViewCenterLayout.html">DUXWidgetCollectionViewCenterLayout</a>
                  </dd>
                  <dd><a href="DUXWidgetCollectionViewLayout.html">DUXWidgetCollectionViewLayout</a>
                  </dd>
                  <dd><a href="DUXWidgetCollectionViewStacksLayout.html">DUXWidgetCollectionViewStacksLayout</a>
                  </dd>
                  <dd><a href="DUXWidgetItem.html">DUXWidgetItem</a>
                  </dd>
                  <dd><a href="DUXWidgetCollectionViewController.html">DUXWidgetCollectionViewController</a>
                  </dd>
          </dl>
        </div>
      </div>
      <div class="site-main">
        <div class="article"><div class="article"><h1><font color="#AAA">class </font>DULWidgetCollectionView</h1></div>
<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="class"><span class="keyword">@interface</span> <span class="title">DULWidgetCollectionView</span> : <span class="title">UICollectionView</span> &lt;<span class="title">DULWidgetCollectionViewProtocol</span>&gt;</span></div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionView.h</font></td></tr><tr valign="top"><td width="15%"><font color="#999"><i>Inherits From:</i></font></td><td width="85%"><font color="#999"><code>UICollectionView <dulwidgetcollectionviewprotocol></dulwidgetcollectionviewprotocol></code></font></td></tr></table></html>
<h5 id="description">Description:</h5>
<p><font color="#666">This subclass of UICollectionView is used as a base class for all predefined views under control by any of the predefined collection view controllers. This implements the <code><a href="../Widgets/DULWidgetCollectionView.html#dulwidgetcollectionviewprotocol">DULWidgetCollectionViewProtocol</a></code> which enables the control over widgets.</font></p>
<h5 id="class-members">Class Members:</h5>
<div class="api-row" id="dulwidgetcollectionview_interactionexpectationlevel"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">property</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionview_interactionexpectationlevel_inline">interactionExpectationLevel</a></div></div><div class="inline-doc" id="dulwidgetcollectionview_interactionexpectationlevel_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">property </font>interactionExpectationLevel</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="keyword">@property</span> DULWidgetInteractionExpectionLevel interactionExpectationLevel</div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionView.h</font></td></tr></table></html>
<h5 id="description-v2">Description:</h5>
<p><font color="#666">The interaction expectation level to be applied by default to all widgets inserted into this collection view.</font></p>
<h5 id="see-also">See Also:</h5>
<p><font color="#666"><code><a href="../Widgets/DULWidget.html#dulwidgetinteractionexpectionlevel">DULWidgetInteractionExpectionLevel</a></code></font></p>
</div>
<div class="api-row" id="dulwidgetcollectionview_widgets"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">property</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionview_widgets_inline">widgets</a></div></div><div class="inline-doc" id="dulwidgetcollectionview_widgets_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">property </font>widgets</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="keyword">@property</span> (<span class="keyword">readonly</span>, <span class="keyword">nonatomic</span>, <span class="keyword">nonnull</span>) <span class="built_in">NSArray</span> &lt;DULWidgetItem *&gt; *widgets</div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionView.h</font></td></tr></table></html>
<h5 id="description-v3">Description:</h5>
<p><font color="#666">The array of <code><a href="../Widgets/DULWidgetItem.html#dulwidgetitem">DULWidgetItem</a></code> widgets items.</font></p>
<h5 id="see-also-v2">See Also:</h5>
<p><font color="#666"><code><a href="../Widgets/DULWidgetItem.html#dulwidgetitem">DULWidgetItem</a></code></font></p>
</div>
<div class="api-row" id="dulwidgetcollectionviewprotocol"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">protocol</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionviewprotocol_inline">DULWidgetCollectionViewProtocol</a></div></div><div class="inline-doc" id="dulwidgetcollectionviewprotocol_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">protocol </font>DULWidgetCollectionViewProtocol</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="class"><span class="keyword">@protocol</span> <span class="title">DULWidgetCollectionViewProtocol</span> &lt;<span class="title">NSObject</span>&gt;</span></div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionViewProtocol.h</font></td></tr><tr valign="top"><td width="15%"><font color="#999"><i>Inherits From:</i></font></td><td width="85%"><font color="#999"><code>NSObject</code></font></td></tr></table></html>
<h5 id="description-v4">Description:</h5>
<p><font color="#666">This protocol defines the behavior expected for view to become widget collection views.</font></p>
<h5 id="protocol-methods">Protocol Methods:</h5>
<div class="api-row" id="dulwidgetcollectionviewprotocol_widgets"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">property</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionviewprotocol_widgets_inline">widgets</a></div></div><div class="inline-doc" id="dulwidgetcollectionviewprotocol_widgets_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">property </font>widgets</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="keyword">@property</span> (<span class="keyword">readonly</span>, <span class="keyword">nonatomic</span>, <span class="keyword">nonnull</span>) <span class="built_in">NSArray</span> &lt;DULWidgetItem *&gt; *widgets</div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionViewProtocol.h</font></td></tr></table></html>
<h5 id="description-v5">Description:</h5>
<p><font color="#666">The array of <code><a href="../Widgets/DULWidgetItem.html#dulwidgetitem">DULWidgetItem</a></code> widgets items.</font></p>
<h5 id="see-also-v3">See Also:</h5>
<p><font color="#666"><code><a href="../Widgets/DULWidgetItem.html#dulwidgetitem">DULWidgetItem</a></code></font></p>
</div>
<div class="api-row" id="dulwidgetcollectionviewprotocol_indexofwidget"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">method</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionviewprotocol_indexofwidget_inline">indexOfWidget</a></div></div><div class="inline-doc" id="dulwidgetcollectionviewprotocol_indexofwidget_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">method </font>indexOfWidget</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="keyword">@required</span></div><div class="line">- (<span class="built_in">NSInteger</span>)indexOfWidget:(<span class="keyword">nonnull</span> <span class="built_in">UIView</span> &lt;DULWidgetProtocol&gt; *)widget</div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionViewProtocol.h</font></td></tr></table></html>
<h5 id="description-v6">Description:</h5>
<p><font color="#666">The index in the widget item array of the passed widget.</font></p>
<h5 id="input-parameters">Input Parameters:</h5>
<html><table class="table-inline-parameters"><tr valign="top"><td><font color="#70BF41">nonnull UIView &lt;<a href="../Widgets/DULWidget.html#dulwidgetprotocol">DULWidgetProtocol</a>&gt; * <font color="#000">widget</font></font></td><td><font color="#666"><i>The widget whose index is desired.</i></font></td></tr></table></html>
<h5 id="return">Return:</h5>
<html><table class="table-inline-parameters"><tr valign="top"><td><font color="#70BF41">NSInteger</font></td><td><font color="#666"><i>An index</i></font></td></tr></table></html></div>
<div class="api-row" id="dulwidgetcollectionviewprotocol_addwidget"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">method</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionviewprotocol_addwidget_inline">addWidget</a></div></div><div class="inline-doc" id="dulwidgetcollectionviewprotocol_addwidget_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">method </font>addWidget</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="keyword">@required</span></div><div class="line">- (<span class="keyword">void</span>)addWidget:(<span class="keyword">nonnull</span> <span class="built_in">UIView</span>&lt;DULWidgetProtocol&gt; *)newWidget</div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionViewProtocol.h</font></td></tr></table></html>
<h5 id="description-v7">Description:</h5>
<p><font color="#666">Adds the passed widget to the collection. The collection layout system will then place it where it belongs visually.</font></p>
<h5 id="input-parameters-v2">Input Parameters:</h5>
<html><table class="table-inline-parameters"><tr valign="top"><td><font color="#70BF41">nonnull UIView&lt;<a href="../Widgets/DULWidget.html#dulwidgetprotocol">DULWidgetProtocol</a>&gt; * <font color="#000">newWidget</font></font></td><td><font color="#666"><i>The widget being added.</i></font></td></tr></table></html></div>
<div class="api-row" id="dulwidgetcollectionviewprotocol_addwidgetwithedgeinset"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">method</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionviewprotocol_addwidgetwithedgeinset_inline">addWidget:withEdgeInset</a></div></div><div class="inline-doc" id="dulwidgetcollectionviewprotocol_addwidgetwithedgeinset_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">method </font>addWidget:withEdgeInset</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="keyword">@required</span></div><div class="line">- (<span class="keyword">void</span>)addWidget:(<span class="keyword">nonnull</span> <span class="built_in">UIView</span>&lt;DULWidgetProtocol&gt; *)newWidget withEdgeInset:(<span class="built_in">UIEdgeInsets</span>)edgeInset</div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionViewProtocol.h</font></td></tr></table></html>
<h5 id="description-v8">Description:</h5>
<p><font color="#666">Adds the passed widgets and applies the given edge insets.</font></p>
<h5 id="input-parameters-v3">Input Parameters:</h5>
<html><table class="table-inline-parameters"><tr valign="top"><td><font color="#70BF41">nonnull UIView&lt;<a href="../Widgets/DULWidget.html#dulwidgetprotocol">DULWidgetProtocol</a>&gt; * <font color="#000">newWidget</font></font></td><td><font color="#666"><i>The widget being added.</i></font></td></tr><tr valign="top"><td><font color="#70BF41">UIEdgeInsets <font color="#000">edgeInset</font></font></td><td><font color="#666"><i>The desired edge inset of the widget.</i></font></td></tr></table></html></div>
<div class="api-row" id="dulwidgetcollectionviewprotocol_removewidget"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">method</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionviewprotocol_removewidget_inline">removeWidget</a></div></div><div class="inline-doc" id="dulwidgetcollectionviewprotocol_removewidget_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">method </font>removeWidget</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="keyword">@required</span></div><div class="line">- (<span class="keyword">void</span>)removeWidget:(<span class="keyword">nonnull</span> <span class="built_in">UIView</span>&lt;DULWidgetProtocol&gt; *)oldWidget</div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionViewProtocol.h</font></td></tr></table></html>
<h5 id="description-v9">Description:</h5>
<p><font color="#666">Removes the widget from the collection. Its widgetItem will be removed too.</font></p>
<h5 id="input-parameters-v4">Input Parameters:</h5>
<html><table class="table-inline-parameters"><tr valign="top"><td><font color="#70BF41">nonnull UIView&lt;<a href="../Widgets/DULWidget.html#dulwidgetprotocol">DULWidgetProtocol</a>&gt; * <font color="#000">oldWidget</font></font></td><td><font color="#666"><i>The widget being removed.</i></font></td></tr></table></html></div>
<div class="api-row" id="dulwidgetcollectionviewprotocol_insertwidgetatindex"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">method</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionviewprotocol_insertwidgetatindex_inline">insertWidget:atIndex</a></div></div><div class="inline-doc" id="dulwidgetcollectionviewprotocol_insertwidgetatindex_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">method </font>insertWidget:atIndex</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="keyword">@required</span></div><div class="line">- (<span class="keyword">void</span>)insertWidget:(<span class="keyword">nonnull</span> <span class="built_in">UIView</span>&lt;DULWidgetProtocol&gt; *)widget atIndex:(<span class="built_in">NSUInteger</span>)index</div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionViewProtocol.h</font></td></tr></table></html>
<h5 id="description-v10">Description:</h5>
<p><font color="#666">Inserts the passed widget at the passed index.</font></p>
<h5 id="input-parameters-v5">Input Parameters:</h5>
<html><table class="table-inline-parameters"><tr valign="top"><td><font color="#70BF41">nonnull UIView&lt;<a href="../Widgets/DULWidget.html#dulwidgetprotocol">DULWidgetProtocol</a>&gt; * <font color="#000">widget</font></font></td><td><font color="#666"><i>The widget being inserted.</i></font></td></tr><tr valign="top"><td><font color="#70BF41">NSUInteger <font color="#000">index</font></font></td><td><font color="#666"><i>The desired index of the widget.</i></font></td></tr></table></html></div>
<div class="api-row" id="dulwidgetcollectionviewprotocol_insertwidgetwithedgeinsetatindex"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">method</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionviewprotocol_insertwidgetwithedgeinsetatindex_inline">insertWidget:withEdgeInset:atIndex</a></div></div><div class="inline-doc" id="dulwidgetcollectionviewprotocol_insertwidgetwithedgeinsetatindex_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">method </font>insertWidget:withEdgeInset:atIndex</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="keyword">@required</span></div><div class="line">- (<span class="keyword">void</span>)insertWidget:(<span class="keyword">nonnull</span> <span class="built_in">UIView</span>&lt;DULWidgetProtocol&gt; *)newWidget withEdgeInset:(<span class="built_in">UIEdgeInsets</span>)edgeInset atIndex:(<span class="built_in">NSUInteger</span>)index</div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionViewProtocol.h</font></td></tr></table></html>
<h5 id="description-v11">Description:</h5>
<p><font color="#666">Inserts the passed widget at the passed index and then applies the given edge insets.</font></p>
<h5 id="input-parameters-v6">Input Parameters:</h5>
<html><table class="table-inline-parameters"><tr valign="top"><td><font color="#70BF41">nonnull UIView&lt;<a href="../Widgets/DULWidget.html#dulwidgetprotocol">DULWidgetProtocol</a>&gt; * <font color="#000">newWidget</font></font></td><td><font color="#666"><i>The widget being inserted.</i></font></td></tr><tr valign="top"><td><font color="#70BF41">UIEdgeInsets <font color="#000">edgeInset</font></font></td><td><font color="#666"><i>The desired edge inset of the widget.</i></font></td></tr><tr valign="top"><td><font color="#70BF41">NSUInteger <font color="#000">index</font></font></td><td><font color="#666"><i>The desired index of the widget.</i></font></td></tr></table></html></div>
<div class="api-row" id="dulwidgetcollectionviewprotocol_widgetsinwidgetitems"><div class="api-col left"></div><div class="api-col middle" style="color:#AAA">method</div><div class="api-col right"><a class="trigger" href="#dulwidgetcollectionviewprotocol_widgetsinwidgetitems_inline">widgetsInWidgetItems</a></div></div><div class="inline-doc" id="dulwidgetcollectionviewprotocol_widgetsinwidgetitems_inline" <blockquote="">
<div class="article"><h6><font color="#AAA">method </font>widgetsInWidgetItems</h6></div>

<figure class="highlight objc"><table><tr><td class="code"><pre><div class="line"><span class="keyword">@required</span></div><div class="line">- (<span class="keyword">nullable</span> <span class="built_in">NSArray</span> &lt;DULWidget *&gt; *)widgetsInWidgetItems:(<span class="keyword">nonnull</span> <span class="built_in">NSArray</span> &lt;DULWidgetItem *&gt; *)widgetItems</div></pre></td></tr></table></figure>
<html><table class="table-supportedby"><tr valign="top"><td width="15%"><font color="#999"><i>Header:</i></font></td><td width="85%"><font color="#999">DULWidgetCollectionViewProtocol.h</font></td></tr></table></html>
<h5 id="description-v12">Description:</h5>
<p><font color="#666">Extracts the widgets from the widgetItems array passed and returns them into a new array.</font></p>
<h5 id="input-parameters-v7">Input Parameters:</h5>
<html><table class="table-inline-parameters"><tr valign="top"><td><font color="#70BF41">nonnull NSArray &lt;<a href="../Widgets/DULWidgetItem.html#dulwidgetitem">DULWidgetItem</a> *&gt; * <font color="#000">widgetItems</font></font></td><td><font color="#666"><i>The widgets extracted from the widgetItems array.</i></font></td></tr></table></html>
<h5 id="return-v2">Return:</h5>
<html><table class="table-inline-parameters"><tr valign="top"><td><font color="#70BF41">nullable NSArray &lt;<a href="../Widgets/DULWidget.html#dulwidget">DULWidget</a> *&gt; *</font></td><td><font color="#666"><i>a UIView &lt;DULWidgetProtocol&gt; * object</i></font></td></tr></table></html></div>
</div>

        </div>
      </div>
    </div>
    <div id="search-modal" class="search-modal modal fade">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header"><a href="javascript:;" @click="closeSearch" class="btn-close">×</a>
            <h2 class="title"> Search Mobile SDK Document
            </h2>
            <input type="text" v-model="searchInput" @keydown.enter="search">
          </div>
          <div class="modal-body">
            <p v-show="!!searchCount" class="search-count"><span v-cloak>{{searchCount}}</span>&nbsp;Results
            </p>
            <ul v-show="!!searchCount" class="search-result">
              <li v-for="item in searchResult"><a v-bind:href="item.url | docUrl">
                  <h3 class="title">{{{(item.highlights && item.highlights.title) || item.title}}}</h3>
                  <p class="content">{{{(item.highlights && item.highlights.content[0]) || item.title}}}</p></a></li>
            </ul>
            <div v-show="showLoadMore" class="text-center"><a href="javascript:;" @click="loadMoreSearch" class="btn-learn-more">Load More</a></div>
            <div v-show="searchLoading" class="text-center">Loading...
            </div>
            <div v-show="!searchCount &amp;&amp; !searchLoading" class="text-center">Not Found
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    window.Config = window.config = {
      sdk: "mobile-sdk",
      locale: "en",
      environment: "development",
      api_host: ""
    };
    
  </script>
  <!-- build:js /javascripts/doc-vendor.js-->
  <script src="../javascripts/lib/jquery-2.1.4.min.js" type="text/javascript"></script>
  <script src="../javascripts/lib/bootstrap.js" type="text/javascript"></script>
  <script src="../javascripts/lib/vue.min.js" type="text/javascript"></script>
  <!-- endbuild-->
  <!-- build:js /javascripts/doc-app.js-->
  <script src="../javascripts/util/cookie.js" type="text/javascript"></script>
  <script src="../javascripts/util/url-manager.js" type="text/javascript"></script>
  <script src="../javascripts/util/ajax-manager.js" type="text/javascript"></script>
  <script src="../javascripts/base/footer.js" type="text/javascript"></script>
  <script src="../javascripts/base/header.js" type="text/javascript"></script>
  <script src="../javascripts/util/searcher.js" type="text/javascript"></script>
  <script src="../javascripts/search_index.js" type="text/javascript"></script>
  <script src="../javascripts/searchdoc.js" type="text/javascript"></script>
  <script src="../javascripts/api.js" type="text/javascript"></script>
  <!-- endbuild-->
  <script type="text/javascript">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-43055594-1', 'auto');
    ga('send', 'pageview');
  </script>
</body>